/**index.wxss**/
.container{
	width: 100vw;
    min-height: 100vh;
    background: #f4f4f4;
	.newTask-box {
      display: flex;
      flex-direction: column;
      padding-bottom: 100rpx;
    }
    .newTask {
      display: flex;
      flex-direction: column;
      padding: 20rpx;
      margin: 20rpx;
      border-radius: 20rpx;
      background: #fff;

      .head {
        display: flex;
        justify-content: space-between;
        height: 100rpx;

        .left{
          display: flex;
          flex-direction: column;
          margin-bottom: 40rpx;
        }
        .time {
          font-weight: 700;

          text {
            color: var(--themeColorBlue);
          }
        }

        .money {
          font-weight: 700;
          color: #df3125;
          font-size: 40rpx;
        }
      }

      .content {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20rpx;

        .left {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          margin-right: 20rpx;

          .takeFood {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 22rpx;
            color: #777;

            text {
              font-size: 30rpx;
              color: #000;
            }
          }

          .line {
            display: flex;
            margin: 0 auto;
            flex: 1;
            width: 1rpx;
            background: #777;
          }
        }

        .right {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          font-size: 30rpx;

          .item {
            margin-bottom: 10rpx;

            .title {
              font-weight: 600;
              font-size: 40rpx;
              margin-bottom: 10rpx;
            }
          }

          .type {
            font-weight: 700;
            width: 250rpx;
            text-align: center;
            font-size: 22rpx;
            border: 2rpx solid #ccc;
          }
        }


      }

      .btn {
        width: 100%;
        background: var(--themeColorBlue);
        color: #fff;
      }
    }

}
.footer {
	display: flex;
	width: 100%;
	height: 100rpx;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
}
